<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="Domino.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Othello</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="domino/domino.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>
    <table align="left" width="600" border="0">
     <tr>
        <th rowspan="11" valign="top">
     <script type="text/javascript"><!--
google_ad_client = "ca-pub-5580651639646676";
/* othello 120x600 */
google_ad_slot = "2515031793";
google_ad_width = 120;
google_ad_height = 450;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
        </th>
     	<td colspan="7">&nbsp;</td>
        <td colspan="5" class="session" id="sessionLabel"></td>
      </tr>
      <tr>
    	<td colspan="7">&nbsp;</td>
        <td colspan="5" id="playerLabel"></td>
      </tr>
      <tr>
    	<td colspan="7">&nbsp;</td>
        <td colspan="5" id="opponentLabel"></td>
      </tr>
      <tr>
    	<td colspan="2">&nbsp;</td>
    	<td colspan="5">&nbsp;</td>
        <td colspan="5" class="points" id="pointsLabelContainer" align="left"></td>
      </tr>
      <tr>
        <td colspan="2" id="reklam" valign="top" align="right">Loading the Othello boardgame</td>
      	<td colspan="5" id="roundNumberListBox" valign="bottom" align="left"></td>
        <td colspan="5" id="dominoBoard" align="left"></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
      	<td colspan="10" id="passButton" align="left"></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
        <td colspan="10" id="messageLabelContainer"></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
        <td colspan="5" id="giveMeABotButton" align="left"></td>
      	<td colspan="3" id="statusLabel" align="right"></td>
      	<td colspan="2" id="leaveGameButton" align="right"></td>
      </tr>
      <tr>
    <tr>
    	<td colspan="2">&nbsp;</td>
      	<td colspan="10" id="gameInfoLabel"></td>
      </tr>   
     <tr>
    	<td colspan="12" id="appInfo"></td>
    </tr>  
      </table>
  </body>
</html>
